<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

</head>
<style>
  * {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
  }

  a {
    color: white;
    text-decoration: none;
  }

  .box {
    width: 100%;
  }

  .header {
    display: flex;
    width: 1200px;
    height: 75px;
    margin: 0 auto;
  }

  .header .log img {
    align-items: center;
  }

  .tel img {
    vertical-align: middle;
  }

  .log {
    margin-top: 10px;
  }

  .log img {
    width: 52px;
    height: 45px;
  }

  .log span {
    display: inline-block;
    height: 45px;
    border-right: 2px solid #ccc;
    margin: 0 5px;
  }

  .tel {
    line-height: 75px;
    margin-left: 800px;
  }

  .tit {
    display: inline-block;
    font-size: 14px;
    color: #9fa0a0;
  }

  .nav {
    display: flex;
    height: 75px;
    background-color: #063651;
  }

  .nav div {
    width: 20%;
    text-align: center;
    line-height: 75px;
    color: #fff;
  }

  .banner {
    background-image: url('http://www.usian.cn/jyimg/aboutbanner.d7b524d8.png');
    width: 100%;
    height: 61vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  .tit-a {
    width: auto;
    height: 4vw;
    line-height: 4vw;
    position: absolute;
    top: 26vw;
    left: 18.7vw;
    font-size: 3rem;
    font-family: PingFangSC-Medium;
    color: #fff;
    text-align: center;
  }

  .tit-b {
    width: auto;
    height: 6vw;
    position: absolute;
    top: 33.3vw;
    left: 22.5vw;
    color: #fff;
    font-size: 6rem;
  }

  .tit-c {
    width: 51.7vw;
    height: 8.3vw;
    position: absolute;
    top: 40.6vw;
    left: 19vw;
    font-size: 4rem;
    font-family: PingFang SC;
    color: #fff;
    opacity: .7;
    text-align: left;
    font-weight: 300;
    line-height: 5.6rem;
  }

  .tit-d {
    width: 51.7vw;
    height: 8.3vw;
    position: absolute;
    top: 45.6vw;
    left: 19vw;
    font-size: 4rem;
    font-family: PingFang SC;
    color: #fff;
    opacity: .7;
    text-align: left;
    font-weight: 300;
    line-height: 5.6rem;
  }

  .gstit {
    width: 40vw;
    height: 4vw;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }

  .gstit-a {
    width: 16vw;
    height: 0.2vw;
    background: #3648d7;
    margin-top: 4vw;
  }

  .gstit-b {
    width: auto;
    height: 3.9vw;
    font-size: 2.5rem;
    font-family: PingFang SC;
    font-weight: 300;
    color: #3670d8;
    line-height: 4.1vw;
    margin-left: 1.5vw;
  }

  .company1 {
    width: 62.5vw;
    height: 42.6vw;
    margin: 0 auto;
    margin-top: 5vw;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }

  .companyword {
    width: 35.2vw;
    height: 40.4vw;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 2rem;
    text-align: left;
  }

  .education {
    margin-top: 5vw;
    background-image: url('	http://www.usian.cn/jyimg/garybg.631da2fa.png');
    background-size: 100% 100%;
    width: 100%;
    height: 67vw;
    position: relative;
  }

  .education img {
    width: 100%;
    height: 46vw;
    position: absolute;
    top: 7rem;
    left: 0;
  }

  .educationword {
    width: 29vw;
    height: 25vw;
    font-family: PingFang SC;
    position: absolute;
    top: 10vw;
    left: 53vw;
    z-index: 1;
  }

  .educationword .p5 {
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
  }

  .educationword .p6,
  .educationword .p7 {
    width: 29vw;
    height: auto;
    margin-top: 1vw;
    line-height: 2.1vw;
    color: #fff;
    text-indent: 2.6rem;
    text-align: justify;
  }

  .idea {
    text-align: center;
  }

  .idea p {
    font-size: 12px;
    font-family: Adobe Heiti Std;
    font-weight: 400;
    color: #6d6d6d;
  }

  .idea h1 {
    font-size: 1.7vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    font-family: PingFang SC;
    font-weight: 600;
    color: #1c1a5b;
  }

  .money {
    width: 62.5vw;
    height: 26.77vw;
    margin: 0 auto;
    display: flex;
  }

  .money1 {
    width: 26vw;
    height: 25vw;
    text-align: left;
  }

  .money1 p {
    font-size: 1.8rem;
    color: #000;
  }

  .money1 p span {
    color: red;
  }

  .money1 ul {
    width: 14.16vw;
    height: 14.8vw;
    line-height: 2vw;
    font-size: 12px;
    margin-top: 1vw;
  }

  .happybox {
    background-image: url('	http://www.usian.cn/jyimg/garybg.631da2fa.png');
    background-size: 100% 100%;
    width: 100%;
    height: 67vw;
  }

  .happy {
    width: 62.5vw;
    margin: 0 auto;
  }

  .happy ul {
    margin-bottom: 70px;
    flex-flow: row nowrap;
    justify-content: space-between;
  }

  .happy ul li {
    width: 29.08vw;
    height: 27vw;
    background-color: #fff;
    flex-flow: column nowrap;
    align-items: center;
    box-shadow: 0 12px 26px 1px rgb(206 212 239 / 63%);
    border-radius: 36px 0 36px 0;
  }

  .happy ul li img {
    width: 4.166vw;
    height: 3.437vw;
    margin-top: 3vw;
  }

  .happy ul li h5 {
    font-size: 18px;
    font-weight: 800;
    color: #333d58;
    margin: 1.5vw 0;
  }

  .happy ul li p {
    padding: 0 0px;
    width: 24.6vw;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 24px;
    text-align: left;
  }

  .flex_public {
    display: flex;
  }

  .top_text {
    margin: 6rem 0 4.25rem 0;
    text-align: center;
  }

  .top_text span {
    font-size: .562rem;
    font-family: PingFang;
    font-weight: 700;
    color: #727272;
  }

  .top_text h5 {
    font-size: 1.7vw;
    font-family: PingFang SC;
    font-weight: 600;
    color: #1c1a5b;
    margin: 0.8rem auto;
  }

  .cbeimg {
    width: 62.5vw;
    margin: 0 auto;
  }

  .growth {
    width: 62.5vw;
    height: 31.4vw;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }

  .growth1 {
    position: relative;
    width: 42.18vw;
    height: 31.5vw;
    display: flex;
    flex-flow: column wrap;
  }

  .growth1 ul {
    position: absolute;
    width: 20.9vw;
    height: 15.6vw;
    margin-top: 0.1vw;
    background: #f8f8f8;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .growth1 ul .li1 {
    font-size: 2.5rem;
    font-family: PingFang SC;
    font-weight: 300;
    color: #de2945;
  }

  .growth1 ul li {
    text-align: left;
    margin-left: 1.5vw;
  }

  .growth1 ul .li2 {
    margin: 0.5vw 0 0.5vw 1.5vw;
    font-size: 1.5rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
  }

  .growth1 ul .li3 {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #888;
  }

  .growth1 .ulTwo {
    bottom: 0;
  }

  .growth1 .ulThree {
    left: 21.4vw;
  }

  .growth1 .ulFore {
    left: 21.4vw;
    bottom: 0;
  }

  .growth2 {
    background: #882e3c;
    width: 19.58vw;
    height: 100%;
  }

  .growth2 ul {
    width: 85%;
    height: 80%;
    margin-left: 1.5vw;
    margin-top: 1vw;
  }

  .growth2 ul .li1 {
    width: 100%;
    height: 2.44vw;
    font-size: 2.5rem;
    font-family: PingFang SC;
    font-weight: 300;
    color: #fff;
    line-height: 4.16vw;
    text-align: left;
  }

  .growth2 ul .li2 {
    width: 100%;
    height: 1.7vw;
    font-size: 1.5rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 4.16vw;
    margin-top: 1vw;
    text-align: left;
  }

  .growth2 ul .li3 {
    width: 100%;
    height: 0.83vw;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #fff;
    line-height: 4.16vw;
    margin-top: 1vw;
    text-align: left;
  }

  .growth2 ul .li4 {
    width: 100%;
    height: 16.45vw;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #fff;
    line-height: 2vw;
    margin-top: 3vw;
    text-align: left;
  }

  .honor {
    width: 100%;
    height: 58vw;
    background-image: url('http://www.usian.cn/jyimg/garybg.631da2fa.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  .honor1 {
    width: 62.5vw;
    height: 80%;
    margin: 0 auto;
  }

  .honor .jiantou {
    text-align: right;
  }

  .jiantou img {
    width: 2.6vw;
    height: 2.6vw;
    margin-right: 1vw;
    outline: none;
  }

  .honorbottom {
    width: 62.5vw;
    height: 33vw;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .swiper-slide {
    height: 15.625vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.5vw !important;
  }

  .swiper-slide img {
    width: 100%;
    height: 80%;
  }

  .swiper-slide span {
    display: inline-block;
    text-align: left;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    margin-top: 0.6vw;
  }

  .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }

  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }

  .environment {
    width: 62.5vw;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .environment ul {
    width: 33%;
    height: 48%;
    margin-top: 2vw;
  }

  .environment ul .l1 {
    height: 4vw;
  }

  .ul1 .l1 {
    margin-top: 4vw;
    font-size: 1.87rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #202020;
  }

  .ul1 .l2 {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666;
    line-height: 1.56vw;
  }

  .environment ul .env-li {
    width: 20.3vw;
    height: 20.3vw;
    overflow: hidden;
  }

  .environment ul img {
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 8px 0;
  }

  .environment ul .l1 {
    height: 4vw;
  }

  .ul2 .l1,
  .ul2 .l2 {
    font-family: PingFang SC;
    font-weight: 400;
    text-align: left;
    margin-left: 2vw;
  }

  .ul2 .l1 {
    margin-top: 6vw;
    font-size: 1.87rem;
    color: #202020;
  }

  .environment ul .l2 {
    height: 5vw;
  }

  .ul2 .l2 {
    font-size: 14px;
    color: #666;
    line-height: 1.56vw;
  }

  .foot_box {
    padding: 20px 0 100px 0;
    position: relative;
    background-color: #1c2948;
    background: #063651;
  }

  .con_box {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
  }

  .flex_between {
    justify-content: space-between;
    flex-flow: row nowrap;
  }

  .flex_column {
    flex-flow: column nowrap;
    align-items: flex-start;
  }

  .flex {
    display: flex;
  }

  .flex h5 {
    font-size: 18px;
    line-height: 2.604vw;
    font-family: PingFang;
    font-weight: 500;
    color: #fff;
  }

  .seat p,
  .support_link p {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    line-height: 1.875vw;
    color: #919298;
  }

  .or_code {
    width: 18.75vw;
  }

  .or_code div {
    width: 7.2916vw;
    height: 10vw;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-around;
  }

  .or_code div img {
    width: 100%;
    height: 7.2916vw;
  }

  .or_code p {
    font-size: 18px;
    font-weight: 500;
    color: #919298;
  }

  .width-100 {
    width: 100%;
  }

  .links {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
  }

  .links h5 {
    font-size: 18px;
    line-height: 2.604vw;
    font-family: PingFang;
    font-weight: 500;
    color: #fff;
  }

  .links a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.875vw;
    color: #919298;
    margin-right: 16px;
    text-decoration: none;
  }

  .copyright {
    width: 100%;
    height: 3.125vw;
    font-size: 18px;
    font-weight: 500;
    line-height: 3.125vw;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
  }

  .copyright a,
  .copyright p {
    color: #919298;
  }
</style>

<body>
  <div class="box">
    <!-- 头部 -->
    <div class="header">
      <div class="log">
        <img src="	http://www.usian.cn/jyimg/logo1.052111ed.png" alt="">
        <span></span>
        <ul class="tit">
          <li>积云教育</li>
          <li>互联网+行业职业技术培训</li>
        </ul>
      </div>
      <div class="tel">
        <img
          src=""
          alt="">
        <span>010-57267122</span>
      </div>
    </div>
    <!-- 导航栏 -->
    <div class="nav">
      <div></div>
      <div><a href="./index.html">首页</a></div>
      <div>前端开发</div>
      <div>短视频运营</div>
      <div><a href="./java.html">java大数据</a></div>
      <div><a href="./python.html">Python人工智能</a></div>
      <div><a href="./quanzhan.html">全栈开发</a></div>
      <div>积云教育</div>
      <div></div>
    </div>
    <!-- 背景 -->
    <div class="banner">
      <div class="tit-a">
        北京积云教育
      </div>
      <div class="tit-b">
        积云教育行业指引者
      </div>
      <div class="tit-c">
        Industry leader
      </div>
      <div class="tit-d">
        in vocational education
      </div>
    </div>
    <!-- 公司介绍 -->
    <div class="gstit">
      <p class="gstit-a"></p>
      <p class="gstit-b"> About Us <br />公司介绍 </p>
    </div>
    <div class="company1">
      <div class="companyword">
        北京优思安科技有限公司是一家面向全球的咨询、IT解决方案与服务提供商。公司成立于2011年6月，总部位于北京市海淀区，并在上海、武汉、广州设有分支机构。公司紧跟技术和业务发展潮流，技术实力雄厚、人才结构合理，向企业客户提供高端专业的服务。
        <br>公司旗下积云教育于2016年3月成立。积云教育致力于打造创新创业职业教育实训基地，打造学员价值，提高企业价值，创造社会价值。积云教育自创立以来发展速度令人瞩目，作为国内IT教育行业优秀单位代表，参加了“2017年度企业信用论坛”，并荣获“推动中国（教育）行业发展杰出人物”奖。打造完善的终身教育体系，以技术驱动教育创新，推进积云教育快速发展。2018年11月，积云教育获得国家高新技术企业认证。12月，荣获2018年中国人力资源开发研究会企业人才发展“最具竞争力成长型企业”奖。
        <br>积云教育始终以服务发展为宗旨，以促进就业为导向，系统设计现代IT职业教育的体系框架、教育理念和运行机制，推动教育理念创新、模式创新和制度创新，传承技术技能，发扬工匠精神，促进就业创业，培养了大批领先的、高素质的工程师、技术型人才，为广大学员提供职业的学习平台和广阔的发展平台，为国家发展提供了强有力的人才支撑。
      </div><img src="http://www.usian.cn/jyimg/sky.835e412d.png" alt="">
    </div>
    <div class="education"><img src="	http://www.usian.cn/jyimg/111.272d9899.jpg" alt="">
      <div class="educationword">
        <p class="p5">积云教育</p>
        <p class="p6"> 积云教育成立于2016年3月，隶属于北京优思安科技有限公司（公司成立于2011年）。 </p>
        <p class="p7">
          自成立以来积云教育致力于打造中国创新创业职业教育实训基地，始终坚持以服务发展为宗旨，以促进就业为导向，系统设计现代IT职业教育的体系框架、教育理念和运行机制，推动教育理念创新、模式创新和制度创新，传承技术技能，发扬工匠精神，促进就业创业，培养了大批领先的、高素质的工程师、技术型人才，为广大学员提供领先的学习平台和广阔的发展舞台，打造学员价值，提高企业价值，创造社会价值，不断为国家和地方经济社会发展提供强有力的人才支撑。
        </p>
      </div>
    </div>
    <!-- 办学理念 -->
    <div class="idea">
      <p>Growth Process</p>
      <h1>办学理念</h1>
      <img
        src=""
        alt="" style="margin-bottom: 2vw;">
    </div>
    <!-- 深度 -->
    <div class="money">
      <div class="money1">
        <p> 深度融合的 <span>校企合一</span></p>
        <ul>
          <li><img
              src=""
              alt="">&nbsp;&nbsp;企业合作实习实训 </li>
          <li><img
              src=""
              alt="">&nbsp;&nbsp;培养目标从企业中来 </li>
          <li><img
              src=""
              alt="">&nbsp;&nbsp;双师型教师从企业中来 </li>
          <li><img
              src=""
              alt="">&nbsp;&nbsp;积分制管理从企业中来 </li>
          <li><img
              src=""
              alt="">&nbsp;&nbsp;KPI绩效考核从企业中来 </li>
          <li><img
              src=""
              alt="">&nbsp;&nbsp;培养目标的标准从企业中来 </li>
          <li><img
              src=""
              alt="">&nbsp;&nbsp;实验室、实训项目从企业中来 </li>
          <li><img
              src=""
              alt="">&nbsp;&nbsp;质量控制方法PDCA循环从企业中来 </li>
        </ul>
      </div>
      <img src="http://www.usian.cn/jyimg/h4-holder-single-img-2.8dff0c63.png" alt="" class="img1">
    </div>
    <!-- 成才 -->
    <div class="happybox">
      <div class="happy">
        <ul class="flex_public">
          <li class="flex_public floating"><img src="	http://www.usian.cn/jyimg/sjck_03.bc4e8100.png" alt="">
            <h5>人人皆可成才</h5>
            <p>
              “人人皆可成才，人人进展其才。”打破学员和教师的认知局限：对人的潜力认知不足影响人对自己的认知，教育的不均衡性影响学员对自己的认知。以“掌握性学习”、“反馈教学原则”和“目标分类理论”为依据，建立突出能力培养的新型职业技术教学模式。
            </p>
          </li>
          <li class="flex_public floating"><img src="http://www.usian.cn/jyimg/rgzna_03.37927273.png" alt="">
            <h5>快乐学习</h5>
            <p> 学习的目的总是源于美好的期待或展望学员希望就好业、好发展，回馈父母，成就自己,
              对目标的美好期待会给人当前带来快乐，未来的结果会影响现在的情绪。学习的过程是快乐的。人学习的过程就是不断发现问题，解决问题，不断提升个人的能力过程。 </p>
          </li>
        </ul>
        <ul class="flex_public">
          <li class="flex_public floating"><img src="http://www.usian.cn/jyimg/jqxx_03.5afe996a.png" alt="">
            <h5>自主学习</h5>
            <p>
              学习自主化是通过讲师的组织和引导，以学习小组为单位自学，引导学员自主讲解有代表性的问题、引导学员自主讲课，这样既提高学员的自学能力，又激发学员的参与意识，获得学习的成就感，还能提升学员的沟通表达能力。 </p>
          </li>
          <li class="flex_public floating"><img src="http://www.usian.cn/jyimg/rgzna_03.37927273.png" alt="">
            <h5>游戏化教学</h5>
            <p> 游戏化教学是指教师在教学中将游戏的关键元素引入教学中，如PK、挑战、积分、游戏活动设计等。通过游戏元素的引入，激发学员课堂参与的积极性和学习兴趣。 </p>
          </li>
        </ul>
      </div>
    </div>
    <!-- 教学模式 -->
    <div class="top_text">
      <span>CBE Teaching mode</span>
      <h5>CBE教学模式</h5>
      <img
        src=""
        alt="">
    </div>
    <div class="cbeimg">
      <img width="100%" src="http://www.usian.cn/jyimg/CBE.5f4aef33.png" alt="">
    </div>
    <!-- 发展历程 -->
    <div class="top_text">
      <span>Growth Process</span>
      <h5>发展历程</h5>
      <img
        src=""
        alt="">
    </div>
    <div class="growth">
      <div class="growth1">
        <ul class="ulOne" style="background-color: rgb(248, 248, 248); height: 15.6vw; display: flex;">
          <li class="li1" style="color: rgb(222, 41, 69);">2016/</li>
          <li class="li2" style="color: rgb(51, 51, 51);">积云元年</li>
          <li class="li3" style="color: rgb(136, 136, 136);">The first year JiYun</li>
        </ul>
        <ul class="ulTwo" style="display: flex; background-color: rgb(248, 248, 248); height: 15.6vw;">
          <li class="li1" style="color: rgb(222, 41, 69);">2017/</li>
          <li class="li2" style="color: rgb(51, 51, 51);">乘风破浪</li>
          <li class="li3" style="color: rgb(136, 136, 136);">The rapid rise</li>
        </ul>
        <ul class="ulThree" style="display: flex; background-color: rgb(248, 248, 248); height: 15.6vw;">
          <li class="li1" style="color: rgb(222, 41, 69);">2018/</li>
          <li class="li2" style="color: rgb(51, 51, 51);">快速崛起</li>
          <li class="li3" style="color: rgb(136, 136, 136);">Ride the wind and waves</li>
        </ul>
        <ul class="ulFore" style="background-color: rgb(248, 248, 248); height: 15.6vw; display: flex;">
          <li class="li1" style="color: rgb(222, 41, 69);">2019/</li>
          <li class="li2" style="color: rgb(51, 51, 51);">分校战略</li>
          <li class="li3" style="color: rgb(136, 136, 136);">Strategic of branch school</li>
        </ul>
      </div>
      <div id="growth_2020" class="growth2">
        <ul>
          <li class="li1">2020/</li>
          <li class="li2">教学精进年</li>
          <li class="li3">Advanced teaching</li>
          <li class="li4">
            “人人皆可成才，人人尽展其才。”美国著名的教育心理学家布鲁姆：“只要提供了适当的前提和现实条件，几乎所有人都能学会一个人在世界上所能学会的东西。”以布鲁姆的“掌握性学习”、“反馈教学原则”和“目标分类理论”为依据，建立突出能力培养的新型职业技术教学模式。打破学员和教师的认知局限：对人的潜力认知不足影响人对自己的认知，教育的不均衡性影响学员对自己的认知。
          </li>
        </ul>
      </div>
    </div>
    <!-- 资质荣誉 -->
    <div class="honor">
      <div class="honor1">
        <div class="top_text"><span>Qualification honor</span>
          <h5>资质荣誉</h5><img
            src=""
            alt="">
        </div>
        <div class="jiantou"><img
            src=""
            alt="" class="honor-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide"
            aria-disabled="true"><img
            src=""
            alt="" class="honor-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false">
        </div>
        <div class="honorbottom">
          <div
            class="swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-multirow swiper-container-multirow-column">
            <div class="swiper-wrapper"
              style="width: 1000px; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
              <div class="swiper-slide swiper-slide-active" style="width: 300px; margin-right: 30px;"><img
                  src="http://www.usian.cn/jyimg/honor7.b4876b93.jpg" alt=""><span>北京优思安科技献礼70周年</span></div>
              <div class="swiper-slide swiper-slide-next" style="margin-top: 30px; width: 300px; margin-right: 30px;">
                <img src="http://www.usian.cn/jyimg/honor8.0b0065e8.jpg" alt=""><span>高新企业证书</span>
              </div>
              <div class="swiper-slide" style="width: 300px; margin-right: 30px;"><img
                  src="http://www.usian.cn/jyimg/honor9.b775d4a0.jpg" alt=""><span>推动中国（教育）行业发展杰出人物</span></div>
              <div class="swiper-slide" style="margin-top: 30px; width: 300px; margin-right: 30px;">
                <img src="http://www.usian.cn/jyimg/honor10.5b7d7393.jpg" alt=""><span>CCTV《领导者说》合作伙伴</span>
              </div>
              <div class="swiper-slide" style="width: 300px; margin-right: 30px;"><img
                  src="http://www.usian.cn/jyimg/honor11.7f39bacb.jpg" alt=""><span>中国软件行业协会</span>
              </div>
              <div class="swiper-slide" style="margin-top: 30px; width: 300px; margin-right: 30px;">
                <img src="http://www.usian.cn/jyimg/honor12.d3ecb6ba.jpg" alt=""><span>联想大数据技术合作培训中心</span>
              </div>
            </div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
          </div>
        </div>
      </div>
    </div>
    <!-- 教学环境 -->
    <div class="top_text"><span>Teaching environment</span>
      <h5>教学环境</h5><img
        src=""
        alt="">
    </div>
    <div class="environment">
      <ul class="ul1">
        <li class="l1">校园一角</li>
        <li class="l2"> 桃红柳绿的春天，花繁叶茂的夏天， <br>枫红菊香的秋天，松青雪白的冬天…… 随手一拍，都是风景 </li>
      </ul>
      <ul>
        <li class="env-li"><img src="http://www.usian.cn/uploads/20200701/26f85911ee527fdff3ee1c3c4da71d27.jpg" alt=""
            class="imgScale">
        </li>
      </ul>
      <ul>
        <li class="env-li"><img src="http://www.usian.cn/uploads/20200703/c4cec5b9e5d3e7824d388ea8cf8c8eac.jpg" alt=""
            class="imgScale">
        </li>
      </ul>
      <ul>
        <li class="env-li"><img src="http://www.usian.cn/uploads/20200701/72a15ce7c431544c98301986f22b228a.jpg" alt=""
            class="imgScale">
        </li>
      </ul>
      <ul>
        <li class="env-li"><img src="http://www.usian.cn/uploads/20200630/484182495b9894fabd244871bc0e52cd.jpg" alt=""
            class="imgScale">
        </li>
      </ul>
      <ul class="ul2">
        <li class="l1">教室一角</li>
        <li class="l2"> 环境塑造人，好的学习环境可以给你 <br>带来不一样的体验和感悟 </li>
      </ul>
    </div>
    <!-- 分割 -->
    <div class="enterprise width_100" style="height: 50px;">
    </div>
    <!-- 底部 -->
    <div class="foot_box width-100">
      <div class="con_box flex">
        <ul class="flex flex_between width-100">
          <li class="flex flex_column seat li_height">
            <h5>积云教育总部</h5>
            <p>北京市昌平区TBD云集中心4号楼C座三层306</p>
            <h5>北京校区</h5>
            <p>北京顺义区张喜庄商业街94号积云教育顺义校区</p>
            <h5>郑州校区</h5>
            <p>郑州市经济技术开发区九龙镇新亚产业园5A栋</p>
            <p>郑州市航空港区航田智能手机产业园5号地</p>
            <h5>山西校区</h5>
            <p>山西省晋中市榆次区文华街燕金商务楼</p>
          </li>
          <li class="flex flex_between or_code li_height">
            <div class="flex"><img src="http://www.usian.cn/jyimg/fwh_03.c263fc50.jpg" alt="">
              <p>服务号</p>
            </div>
            <div class="flex"><img src="http://www.usian.cn/jyimg/dyh_03.9c745106.jpg" alt="">
              <p>订阅号</p>
            </div>
          </li>
        </ul>
      </div>
      <div class="links">
        <h5>友情链接</h5>
        <p><a href="#">龙岗英语培训</a><a href="#">成人中专招生网</a><a target="_blank" href="#">襄阳成考网</a><a href="#">英国热门院校</a><a
            href="#">泰国留学</a><a href="#">黑龙江事业单位招聘</a><a href="#">美国艺术留学</a><a href="#">对外汉语教师资格证</a></p>
      </div>
      <div class="copyright">
        <p> Copyright 2018 - 2022 Usian.cn 北京优思安科技有限公司版权所有 <a href="#">京ICP备14057463号-1</a></p>
      </div>
    </div>
  </div>
</body>

</html>